*{
    padding:0;
    margin:0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
::-webkit-scrollbar {
  display:none; 
}
::-webkit-scrollbar-track-piece{
    width:0px;
}

html{
    overflow-x:hidden;
    overflow-y:auto;
}
body{
    width:100vw;
    overflow-x:hidden;
    overflow-y:scroll;
}
view{
    display:block;
}
/**************
basics


/****************************************************************
  tabbar
*/
.footer{
    padding:.04rem;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    display:flex;
    justify-content:space-around;
    box-shadow:0 0px .08rem #ccc; 
    color:#B1B1B1;
    background-color: #FFFFFF;
}
.footer .item{
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items: center;
}
[data-dpr="1"] body,[data-dpr="1"] .item{
    font-size:24px !important;
}
[data-dpr="2"] body{
    font-size:28px !important;
}
[data-dpr="3"] body{
    font-size:32px !important;
}
.footer img{
    width:.666667rem;
    height:.666667rem;
}


.bg-red {
	background-color: #e54d42;
	color: #ffffff;
}
/**
背景
**/
.bg-orange {
	background-color: #f37b1d;
	color: #ffffff;
}

.bg-yellow {
	background-color: #fbbd08;
	color: #333333;
}

.bg-olive {
	background-color: #8dc63f;
	color: #ffffff;
}

.bg-green {
	background-color: #39b54a;
	color: #ffffff;
}

.bg-cyan {
	background-color: #1cbbb4;
	color: #ffffff;
}

.bg-blue {
	background-color: #0081ff;
	color: #ffffff;
}

.bg-purple {
	background-color: #6739b6;
	color: #ffffff;
}

.bg-mauve {
	background-color: #9c26b0;
	color: #ffffff;
}

.bg-pink {
	background-color: #e03997;
	color: #ffffff;
}

.bg-brown {
	background-color: #a5673f;
	color: #ffffff;
}

.bg-grey {
	background-color: #8799a3;
	color: #ffffff;
}

.bg-gray {
	background-color: #f0f0f0;
	color: #333333;
}

.bg-black {
	background-color: #333333;
	color: #ffffff;
}

.bg-white {
	background-color: #ffffff;
	color: #666666;
}

/********
文字
*********/
.text-green{
    color: green;
}